/* nếu dùng HTML5 sẽ có thêm dòng này */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}svg:not(:root){overflow:hidden}figure{margin:0}
/* cơ bản bình thường sẽ dùng phần dưới này*/
/*clearfix*/
.cf:before, .cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}
/*class reset tag*/
.rs{ margin:0; padding:0 } h1.rs, h2.rs, h3.rs, h4.rs{ font-size:100% }ul.rs{ list-style:none }
img {border:none} a,input{outline:none}
a{text-decoration:none;color:#8B5A49}
a:hover{color:#262626}
/*font-style*/
.fBo{ font-weight:bold }.fNo{ font-weight:normal }.fSi{ font-style:italic }.fSn{ font-style:normal}
/*display*/
.inCute{ display:inline !important }.inbCute{ display:inline-block !important }.showCute{ display:block !important }.hideCute{ display:none !important }
/*absolute,static,relative*/
.pAbs{position:absolute}.pRel{position:relative}.pSta{position:static}
/*float*/
.fll{float:left}.flr{float:right}.fln{float:none}
/*text and align*/
.textAr{text-align:right}.textAc{text-align:center}.textAj{text-align:justify}.textAl{text-align:left}
/*cutebox extension created by TT97IT*/
.cutebox{letter-spacing:-0.31em; *letter-spacing:normal;word-spacing:-0.43em; display:block}.cutecol{vertical-align:top;display:inline-block; letter-spacing:normal; word-spacing:normal; zoom:1; *display:inline}.cutecol{display:inline;float:left}
.cutebox2{font-size:0rem;word-spacing:-1em;display:block}.cutecol2{display:inline-block;font-size:1rem;vertical-align:top;word-spacing:normal;*display:inline;zoom:1}
.cutebox3:before,.cutebox3:after{content:""; display:table} .cutebox3:after{clear:both}.cutebox3{zoom:1}.cutecol3{float:left;display:block}
/*form*/
input[type="checkbox"]{ margin:0; vertical-align:-2px }button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:0 !important; padding:0 !important}
/**/
.fixCen{margin:0 auto;width:1000px}
.meFly{position:fixed;width:10px;height:10px;overflow:hidden;top:-787878em}
.iSprite {background:url(sprite.png) no-repeat 0 0;}
.iTopPage{background-position:-480px -112px;width:115px;height:20px}


body{background:url(bgRepeat.png) repeat 0 0;font-family:Tahoma;font-size:13px;color:#262626;line-height: 18px;}
.container{background:url(bgTop.jpg?v=2) no-repeat 50% 0;}
.container-inner{background:url(bgBottom.jpg?v=1) no-repeat 50% 100%;}

.main{width:1000px;margin:0 auto;min-height: 1100px;}
.main-inner {padding-left: 447px;}
.main-inner .main-left {width: 447px;margin-left: -447px;}
.main-inner .main-right {width: 100%;}
.main-right-inner{padding: 0 0 0 0;}
.col-center{width:218px;position:relative;float:left}
.col-center-item{margin:0 0 10px}
.col-right{width:330px;float:right}
/*Header*/
.head{height:360px;}
.head-inner{position:relative;width:1000px;margin:0 auto;z-index: 120;}
.head .logo{background:url(logo.png) no-repeat 50% 0;display:block;position:absolute;width:250px;height:160px;top: 50px;left: 400px;}
/*End*/

/*NavTop*/
.navtop{background:url(sprite.png) no-repeat 50% 0;width:1000px;height:50px}
ul.lstNavtop{margin:0 80px}
ul.lstNavtop > li{height:42px;float:left;position: relative;}
ul.lstNavtop > li > a{display:block;height:40px;text-indent: -999999em}
ul.lstNavtop > li:hover{background:url(sprite.png) no-repeat 50% 0}
ul.lstNavtop li.item1 {width:106px;}
ul.lstNavtop li.item1:hover{background-position:-80px -50px;}

ul.lstNavtop li.item124 {width:110px;}
ul.lstNavtop li.item124:hover{background-position:-186px -50px;}

ul.lstNavtop li.item27 {width:100px;}
ul.lstNavtop li.item27:hover{background-position:-296px -50px;}

ul.lstNavtop li.item2 {width:105px;}
ul.lstNavtop li.item2:hover{background-position:-396px -50px;}

ul.lstNavtop li.item173 {width:100px;}
ul.lstNavtop li.item173:hover{background-position:-501px -50px;}

ul.lstNavtop li.item130 {width:95px;}
ul.lstNavtop li.item130:hover{background-position:-601px -50px;}

ul.lstNavtop li.item174 {width:118px;}
ul.lstNavtop li.item174:hover{background-position:-696px -50px;}

ul.lstNavtop li.item131 {width:100px;}
ul.lstNavtop li.item131:hover{background-position:-814px -50px;}

ul.lstNavtop > li  ul{display: none;border: 1px solid #6a3c2c;width: 137px;background: url("submenu-bg.png") repeat-y;border-top:none;margin-top: 0;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;position: absolute;left: 0;z-index: 100;padding:0 0 16px 0;
    *left:-30px;
}
.lstNavtop > li:hover > ul {display:block}
ul.lstNavtop > li  ul  li{margin-left: 7px;height: 30px;background: url("bg-navtop.png") 0 100% no-repeat;width: 130px;display: block;position: relative}
ul.lstNavtop > li  ul  li  a{display: block;height: 28px;line-height: 28px;background: url("itemSub.png") 0 50% no-repeat;padding-left: 13px}
ul.lstNavtop > li  ul  li  a:hover{color: #fff}

ul.lstNavtop  li  ul  li ul{left: 130px;top:0px}
ul.lstNavtop  li ul li:hover > ul {display:block}
li.item222 > a > span, li.item223 > a > span , li.item224> a > span{width: 100px;background: url("arrow.png") 100% 50% no-repeat ;display: block;}




/*End*/

.item-bikipthattruyen{position:relative;height: 78px;}
.item-bikipthattruyen a{background:  url("bikipthattruyen.png") 0 0 no-repeat;position:absolute;left: 0;z-index: 1;top:-25px;display: block;width: 215px;height: 113px;}
.item-bikipthattruyen a:hover{background-position: 0 -113px;}
.item-playNow{height: 93px;position: relative}
.item-playNow .fakePlay{position: absolute;top: -184px;left: -47px;z-index: 1}
.item-downLoad{position: relative;z-index: 100;}
.item-downLoad .titleDown{width: 233px;height:34px;background: url("download.png") 0 0 no-repeat;position: relative;left: -9px;position: relative;left: -9px}
.item-downLoad .download-inner{width: 216px;background: url("download.png") -11px -34px no-repeat;height: 35px;}
.item-downLoad .download-inner a{display: block;height: 35px;background: url("download.png") -11px -34px no-repeat;}
.item-downLoad .download-inner a.full{width: 117px;float: left;}
.item-downLoad .download-inner a.full:hover{background-position: -11px -69px;}
.item-downLoad .download-inner a.mini{width: 95px;float: right;background-position: -132px -34px;}
.item-downLoad .download-inner a.mini:hover{background-position: -132px -69px;}
.containerMini .item-downLoad{margin-top: 100px;}
.item-sukien{position: relative;z-index: 20;margin: 0 0 6px}
.slide-banner{margin: 0 0 12px}
.slide-banner .box_skitter .info_slide_dots{top:170px}
.item-gift{ margin: 0 0 9px !important;}
.item-gift a{display:block;height: 40px;width: 161px;}
.item-gift a.giftCode{background:url("giftcode.png") 0 0 no-repeat;float: left}
.item-gift a.giftCode:hover{background-position: 0 -40px;width: 161px;}
.item-gift a.bonusPoint{background:url("tichluydiem.png") 0 0 no-repeat;float: right}
.item-gift a.bonusPoint:hover{background-position: 0 -40px;}
.slide-tichluydiem{margin-bottom: 5px}
.topGamer{width: 215px;position: relative;top: -5px;}
.topGamer h2{background-position:-496px -160px;height: 44px;}
.topGamer .choiceServer{background:#8b5a49;color:#fff;height:28px;position:relative;line-height: 28px;padding: 0 0 0 5px;border: solid 1px #8b5a49;border-bottom: none;}
.choiceServer .opotionServer{background-position:-496px -208px;width:43px;height:28px;float:right;position:relative;cursor: pointer;}
.choiceServer .opotionServer .opotionServer-inner{width: 213px;display:none;position:absolute;border: solid 1px #8b5a49;top: 28px;right: -1px;}
.choiceServer .opotionServer.active .opotionServer-inner{display:block}
.choiceServer .opotionServer .opotionServer-inner .itemServer{display:block;padding: 0 5px;background:#8b5a49;color: #fff;}
.choiceServer .opotionServer .opotionServer-inner .itemServer:hover{background: #bb8877;}
.dataBoard{border: solid 1px #8b5a49;border-bottom: none;}
.dataBoard .hidden{width: 100%}
.bottomBoard{background-position:-496px -240px;width:215px;height:8px}
.tblTopUser{}
.tblTopUser td {padding:5px;text-align:center}
.tblTopUser .midTd{text-align: left}
.tblTopUser thead {background:#f1edd1}
.tblTopUser thead td{color:#3f271d;font-weight: bold;padding: 5px;}
.tblTopUser tr.odd{background:#ede9db}

.boxGallery{}
.tabContainer{background:url(bgContentBox.png) no-repeat 0 0 #E5DEC7}
#tabBox{background-position:0 -112px;height:33px;line-height: 22px;}
#tabBox li{float:left;margin: 9px 0 0 10px;padding: 0 10px;height: 23px;}
#tabBox li a{color:#fff;font-weight:bold;font-size:13px;display:block;cursor: pointer}
#tabBox li.active{background:url(bgTabActive.png) repeat-x 50%;border: solid 1px #472c21;border-bottom: none;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0}
#tabBox li.active a{color:#633e2e;}
.tabContent{position: relative;background-position: 0 -320px;padding: 10px;display:none}
.tabContent:first-child{display:block}

.boxCrossPromotion {position:relative;-webkit-user-select:none;-moz-user-select:none}
.boxCrossPromotion .crossLogo {position:absolute;top:3px;left:0}
.boxCrossPromotion .likeCross {position:absolute;top:34px;left:0;height:24px;width:100px}
.boxSlideData {padding:2px;position:relative}
#crossPrev,
#crossNext {display:block;width:14px;height:17px;position:absolute;top: 36px;cursor:pointer}
#crossNext {background-position:-464px -400px;right: 0;}
#crossPrev {background-position:-448px -400px;left: 0;}
#crossPromotion {overflow:hidden;position:relative;width: 376px;height: 80px;margin: 0 auto;}
#crossPromotion ul.lstCrossPromo {position:relative;left:0;top:0;list-style:none;margin:0;padding:0;width:1743px}
.lstCrossPromo li {float:left;width:130px;display:block}
.lstCrossPromo a {display:block;border:solid 2px #666666;width:111px;height:76px;}
.lstCrossPromo img {display:block}


.boxFacebook{min-height:200px}
.boxFacebook h2{background-position:-496px -256px;height:40px;width:440px}

.boxSupport{}
.boxSupport .hotLine{background-position:0 -208px;height:56px;position:relative}
.boxSupport .hotLine span{position:absolute;right: 90px;top: 33px;color:#fff;font-weight:bold;font-size: 14px;}
.boxVideo{position: relative;background: url(bgVideo.png) no-repeat 0 0;height: 240px;}
.boxVideo .rightVideo{text-align: center;padding: 8px 0 0;}
/**/
.boxVideo .spriteVideo{background: url(sprite-video.png) no-repeat 0 0;display: block;width: 45px;height: 45px;position: absolute;}
.boxVideo .spriteVideo.leftTop{background-position:0 0 ;top: 3px;left: 4px;}
.boxVideo .spriteVideo.rightTop{background-position:-45px 0 ;top: 3px;right: 7px;}
.boxVideo .spriteVideo.leftBottom{background-position:0 -45px ;bottom:0;left: 4px;}
.boxVideo .spriteVideo.rightBottom{background-position:-45px -45px ;bottom: 0;right: 7px;}


.spriteSixGroup{background:url(bg_lucdaimonphai_all.png) no-repeat 0 0}
.boxRight{margin:0 0 10px}
.boxGuide{margin: 0 0 4px 1px}
.boxGuide h2{height: 36px;background-position: 0 -275px;position: relative;left: -10px}
.boxGuide .coverSwf{margin-left:-3px}
.boxSixGroup{height: 217px;position:relative}
.boxSixGroup-inner{width:398px;height: 450px;position:absolute;top: -221px;left: -17px;z-index: 1;}
.bgBoarClass{width:398px;height: 220px;background-position: 0 -240px;position: relative;z-index: 100}
.sixClass{position:relative;width: 100%;height: 100%;z-index: 1;}
.listSixClass{background-position:-398px 0;width:300px;height: 165px;position:absolute;bottom: 30px;left: 36px;}
.listSixClass li{float:left;width:50px;height:165px}
.listSixClass li:hover{background:url(bg_lucdaimonphai_all.png) no-repeat 0 0}
.listSixClass li a{display:block;height:165px}
.listSixClass li.thieulam:hover{background-position:-398px -164px}
.listSixClass li.vodang:hover{background-position:-448px -164px}
.listSixClass li.tieudao:hover{background-position:-498px -164px}
.listSixClass li.thandieu:hover{background-position:-548px -164px}
.listSixClass li.thangiao:hover{background-position:-598px -164px}
.listSixClass li.duonggia:hover{background-position:-648px -164px}

.showClass{position:relative;width:100%;height:232px;background-position: 0 -8px;}
.showClass img{visibility:hidden;position: absolute;z-index:1;opacity:0;
    transition:opacity 1s ease 0s;
    -moz-transition:opacity 1s ease 0s;
    -webkit-transition:opacity 1s ease 0s;
    -o-transition: opacity 1s ease 0s;
    -ms-transition:  opacity 1s ease 0s;
}
.show-thieulam{background-position:0 -480px;width:300px;height:266px;right: 36px;top: 10px;}
.show-vodang{background-position:-300px -480px;width:316px;height:310px;top: 10px;right: 36px}
.show-tieudao{background-position:-615px -480px;width:265px;height:380px;right: 52px;top: 30px}
.show-thandieu{background-position:-880px -480px;width:265px;height:320px;right: 52px;top: 10px}
.show-thangiao{background-position:-698px 0;width:265px;height:330px;right: 67px;;top: 20px}
.show-duonggia{background-position:-996px 0;width:284px;height:330px;right: 52px;;top: -10px}

.showClass.thieulam .show-thieulam,
.showClass.vodang .show-vodang,
.showClass.thandieu .show-thandieu,
.showClass.thangiao .show-thangiao,
.showClass.duonggia .show-duonggia,
.showClass.tieudao .show-tieudao{visibility:visible;opacity:1}
/*Footer*/
.footer{}
.footer-inner{background:url(bgFooter.png) no-repeat 50% 0;width:1000px;margin:0 auto;height:200px;text-align:center;position:relative}
.footer-inner .copyRight{font-size:13px;color:#494949;padding: 30px 0 0;font-weight:bold}
.footer-inner .topPage{position:absolute;top:0;left: 460px;}
.containerMini .footer .iscrol{background: url("scroll.png") no-repeat}
.containerMini .footer .btntop{position:fixed;right:0;bottom:27px;display:none;width:108px;height:50px}

/*popstyle*/
.popRobotBox {background: rgba(0,0,0,0.8);height:100%;width:100%;position:fixed;top: 0;left: 0;z-index: 9999;display:none;color:#fff;font-size:13px;font-weight:bold;line-height:20px;text-align:justify}
.popRobot {background:rgba(0,0,0,0.6);border:2px solid #ff3300;position:fixed;top:150px;left:50%;width:300px;margin:0 0 0 -150px}
.popRobot-inner {margin:-2px 10px;padding:14px 0;border-top:2px solid #000;border-bottom:2px solid #000}
.popRobot-fake {margin:0 -12px;border-left:2px solid #000;border-right:2px solid #000;height: 11px;}
.popRobot-content {padding:0 10px}
.popRobotBox.big .popRobot {width:500px;margin:0 0 0 -250px}
.popRobotBox.big .popRobot-fake{height:20px}


/*Box Giftcode*/
.gifcodeBox{width: 315px;margin: 20px auto;}
.gifcodeTitle{margin: 0 0 10px !important;text-align: center;}
.gifcodeContent{}
.giftRow{margin: 0 0 10px;}
.giftRow .btnGiftcode{background: none;border: none;margin: 0;padding: 0;}
.giftRow .btnGiftcode span{background: url(click-giftcode.png) 0 0;width: 227px;height: 57px;display: block;cursor: pointer;}
.giftRow .lblGiftCode{font-size: 15px;display: block;width: 90px;float: left;line-height: 28px;}
.giftRow .txtGiftCode {background: #d0d0d0;border: solid 1px #000;padding: 3px;width: 215px;display: block;float: left;height: 20px;}
.wrapper-inner .wrapper-center .wrapperInner-data{position: relative;background: url("bg-wrapper.png") 0 0 repeat-y;z-index: 10;padding: 0 ;margin-left: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wrapper-center .wrapperInner-data .fakeTop{position: absolute;width:100%;height: 178px;background: url("wrap-sprite.png") 0 0 no-repeat;left: -1px ;z-index: 1}
.wrapper-center .wrapperInner-data .fakeBot{position: absolute;width:100%;height: 199px;background: url("wrap-sprite.png") 0 -201px no-repeat;left: -1px ;z-index: 1;bottom: 0}
.contentMini-inner .boxContentData img{max-width: 535px !important;}
.contentMini-inner .mainTitle{position: relative;background: url("bg-head-title.jpg") 0 0 no-repeat;margin-top: 25px}
.contentMini-inner .mainTitle h1{padding:11px 0 30px}
.contentMini-inner .mainTitle .entry-title{display: block;font-size: 20px;color: #611f11;text-align: center;font-weight: normal}
.contentMini-inner .mainTitle .published{position: absolute;bottom: 12px;font-size: 12px;color: #727272;left: 50%;width: 120px;margin-left: -60px}
.contentMini-inner .newData{padding:27px 0 40px 15px;color: #000;font-size: 12px;line-height: 22px}
.contentMini-inner .lineSpace1{height: 3px;width:572px;background: url("linespace2.png") 0 0 no-repeat;position: absolute;left: 19px; }
.contentMini-inner .blockCenterContent-b1{color: #611f11;padding: 35px 0 35px 20px}
.contentMini-inner .blockCenterContent-b1 h3{position: relative;font-size: 20px;font-weight: bold;padding:0 0 9px 13px}
.cutecol3{display: block;float: left;}
#single-content,#archive-page{-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;width:600px;background:whitesmoke;margin-left:223px;padding:3px 5px;}
#single-content h1,#archive-page h1{font: 22px Arial; letter-spacing: -1px; color: rgb(221, 0, 0); margin: 0pt; padding: 3px 0pt; border-bottom: 1px solid rgb(204, 204, 204);}
.col-center li{list-style: none;margin:0px;}